        
        
        
        var levelMax = 360;
        var watchLvlProcess = null;
        var haveChoosen = false;
        var zIndex = 2;
        $(document).ready(function(){
            for(var n = 0; n < $('main .planning .fluid .lvlProcess .stage .process .level').length;n++){
                $('main .planning .fluid .lvlProcess .stage .process .level')[n].ind = n;
            }
            if(window.innerWidth <= 1400){
                if($('main .planning .fluid .lvlProcess .stage .process .level.show')[0].ind < 4){
                    $('main .planning .fluid .lvlProcess .stage .process .level.show').addClass('lft');
                }else{
                    $('main .planning .fluid .lvlProcess .stage .process .level.show').addClass('rht');
                }
            }else{
                $('main .planning .fluid .lvlProcess .stage .process .level.show').removeClass('lft');
                $('main .planning .fluid .lvlProcess .stage .process .level.show').removeClass('rht');
            }
            $('main .planning .fluid .lvlProcess .stage .process .level.show')[0].style.zIndex = String(zIndex);
            $('main .planning .fluid .lvlProcess .stage .process .level').mouseenter(function(){
                $('main .planning .fluid .lvlProcess')[0].style.overflow = 'initial';
                $('main .planning .fluid .lvlProcess .stage .process .level').removeClass('show');
                $(this).addClass('show');
                if(window.innerWidth <= 1400){
                    if($('main .planning .fluid .lvlProcess .stage .process .level.show')[0].ind < 4){
                        $('main .planning .fluid .lvlProcess .stage .process .level.show').addClass('lft');
                    }else{
                        $('main .planning .fluid .lvlProcess .stage .process .level.show').addClass('rht');
                    }
                }else{
                    $('main .planning .fluid .lvlProcess .stage .process .level.show').removeClass('lft');
                    $('main .planning .fluid .lvlProcess .stage .process .level.show').removeClass('rht');
                }
                
                zIndex++;
                $(this)[0].style.zIndex = String(zIndex); 
                $(this).parents('.stage')[0].style.zIndex = String(zIndex); 
            })
            
            for(var l = 0;l < $('.level').length;l++){
                var percent = (l + 1) / 10;
                $('.level:eq(' + l + ')').height(((360 * percent) / 1920 * 100 + 'vw'));
                $('.level:eq(' + l + ')').find('span').text(('LV' + (l +1 )));
                $('.level:eq(' + l + ')').css('transition-delay',((l + 1) * 50 + 'ms'));
                $('.level:eq(' + l + ')').css('min-height',((l + 1) * 20 + 'px'));
            }
            for(var s = 0;s < $('.useScene .contn .cards .item').length;s++){
                $('.useScene .contn .cards .item')[s].ind = s;
            }
            $('.useScene .contn .cards .item').mouseenter(function(){
                if(!haveChoosen){
                    haveChoosen = true;
                }else{
                    return false;
                }
                $('.useScene .contn .content .pic img')[0].src = $(this).find('img')[0].src; 
                $('.useScene .contn .content .tipTitle')[0].innerText = $(this).find('.shave').text();
                $('.useScene .contn .content .info')[0].innerText = $(this).find('.tip').text();
                setTimeout(function(){
                    $('.useScene .contn').addClass('flip');
                },100)
                
            })
            $('.useScene .contn').mouseleave(function(){
                haveChoosen = false;
                $('.useScene .contn').removeClass('flip');
            })
            $('.useScene .contn .content .back').click(function(){
                haveChoosen = false;
                $('.useScene .contn').removeClass('flip');
            })

            watchLvlProcess = setInterval(function(){
                var eleBottom = window.innerHeight - $('main .planning .fluid .lvlProcess')[0].offsetHeight - $('main .planning .fluid .lvlProcess')[0].getBoundingClientRect().top;
                if(eleBottom >= 0){
                    $('main .planning .fluid .lvlProcess').addClass('frozen');
                    clearInterval(watchLvlProcess);
                    watchLvlProcess = null;
                } 
            })
        })